{include file="public/head"}
<div class="main">
    {include file="public/left"}
    <div class="middle">
    {include file="public/header"}
    <ul class="release_tab">
        <dl>
            <span>{:__('发布任务只需')}</span>
            <span class="num">3</span>
            <span>{:__('步')}</span>
        </dl>
        <dt><span>{:__('选择任务模式')}</span><span class="num1">1</span></dt>
        <dl>{:__('描述任务需求')}<span class="num2">2</span></dl>
        <dl>{:__('任务订单确认')}<span class="num2">3</span></dl>
    </ul>
    <ul class="choose_task">
        <dl id="reward_task" data-title="{:__('适合工作量较小需要很多创意的<br/>1、花一份钱,几十上百人争相为你服务,几十上百个稿件让你千挑万选!<br/>2、民间创意无穷,智慧无穷,总有一个创意让你喜出望外<br/>3、加个完全自己掌控,而你悬赏的价格通常比市场价低')}">
            <h2><img src="{$osslink}static/index/image/index/{:__('ch_task_icon')}.png?{$version}"/>{:__('悬赏任务')}</h2>
            <p><span>{:__('自由定价')}</span><span>{:__('模式多样')}</span></p>
            <p><span>{:__('适用范围广')}</span><span>{:__('流程更成熟')}</span></p>
            <p><a href="/index/Task/tasksub" class="layui-btn  layui-btn-primary">{:__('点击发布')}</a></p>
        </dl>
    </ul>
    <div class="task_tip"></div>
    {include file="public/foot"}
    </div>
    {include file="public/right"}
</div>
{include file="public/footer"}
<script>
    $(".task_tip").css("display","none");
    $("#reward_task").on("mouseenter",function(){
        var _this = $(this);
        var title = _this.attr("data-title");
        $(".task_tip").css("display","block");
        $(".task_tip").html(title);
    });
    $("#reward_task").on("mouseleave",function(){
        $(".task_tip").css("display","none");
    });
    $(".task_tip").on("mouseenter",function(){
        $(".task_tip").css("display","block");
    });
    $(".task_tip").on("mouseleave",function(){
        $(".task_tip").css("display","none");
    });
    
</script>